<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<title></title>
	</head>
	<body>
		<!-- h${$级标题}*6 -->
		<!-- emmet语法 -->
		<h1>1级标题</h1>
		<h2>2级标题</h2>
		<h3>3级标题</h3>
		<h4>4级标题</h4>
		<h5>5级标题</h5>
		<h6>6级标题</h6>
		<hr>
		
		<!-- div.h${$级标题}*6 -->
		<!-- display  突出显示 -->
		<div class="h1 display-1">1级标题</div>
		<div class="h2 display-2">2级标题</div>
		<div class="h3 display-3">3级标题</div>
		<div class="h4 display-4">4级标题</div>
		<div class="h5">5级标题</div>
		<div class="h6">6级标题</div>
		<hr>
		
		<h2>登鹳雀楼</h2>
		<h3>王之涣</h3>
		<p class="lead">白日依山尽，</p>
		<p>黄河入海流。</p>
		<p>欲穷千里目，</p>
		<p>更上一层楼。</p>
	</body>
</html>
